<extend name="common/base" />
<block name="resource">
    <link href="__ASSET__/Home/v4/src/css/explore.css" rel="stylesheet">
    <link href="__ASSET__/Home/v4/src/css/index.css" rel="stylesheet">
    <link href="__ASSET__/Home/v4/src/css/home.css" rel="stylesheet">
    <link href="__ASSET__/Home/v4/src/css/home_index.css" rel="stylesheet">
    <!--[if lt IE 9]>
       <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
       <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        .empty_area_1,.empty_area_2{
              height:230px;
              background:#fff;
        }
    </style>
</block>
<block name="content">
    <div class="play_vadio js_play_vadio">
        <div class="play_video_box">
        </div>
    </div>
    <div class="main" style="background: url(__ASSET__/Home/v4/src/images/index-video-ie.jpg) \9;">
        <!--part1-->
        <div class="indexht_main" >
            <div class="container">              
                <div class="tvwall">
                    <div class="b-img" id="b-img-slide">
                    </div>
                </div>
                <div class="download_block">
                 <div class="download_block_one dark-bg-half left" 
                 style="margin-left:25px;">
                        <em class="download_iocn lz_tool relative"></em>
                        <h2 class="font13 white">最轻量录制工具，炫酷操作，一键记录，打造专属你的游戏藏宝室，轻松分享精彩瞬间，暴走五杀不再是截图！</h2>
                        <button class="white font18" onclick="change_down(this)" data-url="/download-pc">录制工具下载</button>
                    </div>
                    <div class="download_block_one dark-bg-half left">
                        <em class="download_iocn app_tool relative"></em>
                        <h2 class="font13 white">微视频，随时随地想看就看。片段式直播，看完整场比赛只要五分钟。游戏社区，与小伙伴分享游戏中的喜怒哀乐！</h2>
                        <button class="white font18" onclick="downloadplay()">APP下载</button>
                    </div>
                </div>
            </div>
        </div>
        <!--part2-->
        <div class="gray01-bg indexht_part2">
            <notempty name="notice">
            <!--公告-->
            <p class="notice font14 index_container">
                <span class="left">
                    <b class="font16">【公告】</b>
                    <a href="/news-{$notice['id']}">{$notice.title}</a>
                    <em>{$notice.create_time|date="Y-m-d",###}</em>
                </span>
                <a class="ck right font12 font_micro" href="/notice" title="查看更多新闻">查看更多 
                    <b class="blue02">&gt;&gt;</b>
                </a>
            </p>
            </notempty>
            <!--banner-->
            <div class="show_img index_container  index_container_banner relative" style="display:none;height:0;">
                <ul class="rslides" id="slider">
                </ul>
            </div>
            <!--热门比赛-->
            <div class="index_hotmatch index_container paddingtb20">
                <h1 class="font28 blue02">
                    <em class="index_hotmatch_h1icon htmaicon relative"></em>热门比赛
                    <a class="ck right font12" href="/match" title="查看更多赛事">查看更多
                        <b class="blue02">&gt;&gt;</b>
                    </a>
                </h1>
                <ul class="index_part2_ul JS-races">
                    <!-- 热门比赛 -->
                </ul>
                <div class="empty_area_1"></div>
            </div>
            <!--精彩视频-->
            <div class="index_hotmatch index_container paddingtb20">
                <h1 class="font28 blue02">
                    <em class="index_hotmatch_h1icon godmaicon relative"></em>精彩视频
                    <a class="ck right font12" href="/explore" title="查看更多视频">查看更多 
                        <b class="blue02">&gt;&gt;</b>
                    </a>
                </h1>
                <ul class="index_part2_ul JS-videos">
                    <!-- 精彩视频 -->
                </ul>
                <div class="empty_area_2"></div>
            </div>
            <!--活跃玩家-->
            <div class="index_hotmatch index_container paddingtb20">
                <h1 class="font28 blue02">
                    <em class="index_hotmatch_h1icon godmaicon relative"></em>活跃玩家
                    <a class="ck right font12" href="/search-user" title="查看更多活跃玩家">查看更多 <b class="blue02">&gt;&gt;</b></a>
                </h1>
                <ul class="index_part2_ul active_person_ul">
                </ul>
            </div>
        </div>
        <!--part3-->
        <div class="product_show white">
            <h1>轻量录制 · 一键编辑 · 保存游戏足迹</h1>
            <img src="__ASSET__/Home/v4/src/images/day_and_day1_03.jpg" alt=""/>
            <img src="__ASSET__/Home/v4/src/images/day_and_day_03.png" alt=""/>
        </div>
        <!--part4-->
        <div class="index_join_btns white">
            <h1>力争成为最好的玩家，不顾虑其他的事情</h1>
            <a href="/login" title="" class="font18 tan tan-gradient-bg font_micro">加入</a>
            <a href="/explore" title="" class="font18 blue-black blue-gradient-bg font_micro">探索</a>
        </div>
        <!--part5-->
        <div class="black02-bg white font14 paddingtb20">
            <notempty name="partners">
                <div class="top top-hz">
                    <p class="title1">合作伙伴</p>
                    <div id="div1" class="div1">
                        <ul>
                            <volist name="partners" id="partner">
                                <li class="left">
                                    <a target="_blank" href="{$partner.link}" alt="{$partner.name}">
                                        <img src="{$partner.logo}" />
                                    </a>
                                </li>
                            </volist>
                        </ul>
                    </div>
                </div>
            </notempty>
            <div class="row index_container relative index_bordertp">
                <dl class="col-sm-3 col-xs-6 footer-top-dl">
                    <dt class="colornine font18">友情链接</dt>
                    <volist name="links" id="l">
                        <dd>
                            <a href="{$l.url}" target="_blank" title="{$l.name}">{$l.name}</a>
                        </dd>
                    </volist>
                </dl>
                <dl class="col-sm-3 col-xs-6 footer-top-dl">
                    <dt class="colornine font18">录制帮助</dt>
                    <dd><a href="/download" target="_blank" title="录制工具下载">录制工具下载</a></dd>
                    <dd><a href="/tutorial" target="_blank" title="使用教程">使用教程</a></dd>
                    <dd><a href="/faq" target="_blank" title="常见问题">常见问题</a></dd>
                    <dd><a href="/feedback" target="_blank" title="意见反馈">意见反馈</a></dd>
                </dl>
                <dl class="col-sm-3 col-xs-6 footer-top-dl phone_download relative">
                    <dt class="colornine font14">IOS/Android下载</dt>
                    <dd><img src="__ASSET__/Home/v4/src/images/erweima.png" alt="扫描下载" class="downlowad"></dd>
                </dl>
                <dl class="col-sm-3 col-xs-6 footer-top-dl">
                    <dt class="colornine font14">官方交流群：480306289</dt>
                    <dd class="index_QQdd">
                        <a target="_blank" class="circle index_sina" href="http://weibo.com/p/1006065640304166/home?from=page_100606&mod=TAB&is_all=1#1464945059024">
                        </a>
                        <a target="_blank" class="circle index_QQ" href="http://shang.qq.com/wpa/qunwpa?idkey=9e71bff258e031134ae1e311bb6763a1308d8ebc3db2d63935e5d83933851a3c">
                        </a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</block>
<block name="component">
    <script src="__ASSET__/Home/v4/lib/js/responsiveslides.min.js"></script>
    <script src="__ASSET__/Home/v4/dist/js/HDslide.js"></script>
    <script src="__ASSET__/Home/v4/dist/js/HDvideo.js"></script>
    <script src="__ASSET__/Home/v4/dist/js/homepage.js?v=1.0.5"></script>
    <script type="text/javascript">
        function downloadplay(){
            layer.open({
              type: 1,
              title: false,
              closeBtn: 1,
              shadeClose: true,
              content: '<img src="__ASSET__/Home/v4/src/images/erweima.png" alt="扫描下载66playAPP">'
            });
            _hmt.push(['_trackEvent', 'APP下载', '网站首页', 'APP']);
        } 
        function change_down(obj){
            var data_url=$(obj).attr('data-url');
            window.open(data_url);
            _hmt.push(['_trackEvent', 'PC工具下载', '网站首页', 'PC工具']);
        }
        var bannerUrl_1 = '{:U("api/a_d/$adCode[0]")}';
        var bannerUrl_2 = '{:U("api/a_d/$adCode[1]")}';
        window._THIS = {
              getVideos:"{:U('Home/Index/ajaxHotVideo')}",
              getRaces:"{:U('Home/Index/ajaxHotRace')}",
              getUser:"{:U('api/top/user')}",
              other:"/user-",
              unfollow:"{:U('Home/follow/unfollow')}",
              dofollow:"{:U('Home/follow/dofollow')}",
              login:"/login",
              homeBg:"{:C('HOME_BG_VIDEO')}",
              bgList : [
                    '__ASSET__/Home/ui3/images/user_bg_1.jpg',
                    '__ASSET__/Home/ui3/images/user_bg_2.jpg',
                    '__ASSET__/Home/ui3/images/user_bg_3.jpg',
                    '__ASSET__/Home/ui3/images/user_bg_4.jpg',
                    '__ASSET__/Home/ui3/images/user_bg_5.jpg',
             ],
        }
        $('body').addClass('indexht');
    </script>
</block>
